@import './lib/reset.scss';

html, body, .container {
  @include rect(100%, 100%)
}
.container {
  @include flexbox(); //display:flex
  @include flex-direction(column); // flex-direction: column 以及兼容写法
  .box {
    @include flex(); //flex:1
    @include rect(100%, auto);
    @include flexbox(); //display:flex
    @include flex-direction(column);
    .header {
      @include rect(100%, 0.42rem);
      @include background-color(#fff)
    }
    .content {
      @include flex();
      @include rect(100%, auto);
      @include overflow()
    }
  }
  .footer {
    @include rect(100%, 0.45rem); //宽100% 高50px
    @include background-color(rgb(255, 255, 255));
    border-top: 1px solid #979797;
    z-index: 2;
  }
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.fade-enter-active {
  transition: all .5s;
}
.fade-enter-to, .fade-leave {
  opacity: 1;
}
.fade-leave-active {
  transition: all 0s;
}
